@import "kpStyle";
*{
    box-sizing: border-box;
}
.content .bankCard{
    margin-top: 10*@px;
    background-color: white;
  }
  .content .bankCard>div{
    height: 110*@px;
    border-bottom: 1*@px solid #ececec;
    padding: 0 24*@px;
    font-size: 26*@px;
  }
  .content .bankCard>div:last-of-type{
    border-bottom: none;
  }
  .content .bankCard>div .left{
    font-size: 26*@px;
    line-height: 110*@px;
    width: 180*@px;
  }
  .content .bankCard>div  .right{
    width: 100%;
    padding-left: 180*@px;
    box-sizing: border-box;
    height: 100%;
  }
  .bankCard .creditCard  .right{
    position: relative;
  }
  .bankCard .creditCard  .right .noBank img{
    width: 40*@px;
    height: 40*@px;
    vertical-align: middle;
    margin-right: 8*@px;
  }
  .bankCard .creditCard  .right .noBank{
    position: absolute;
    left: 180*@px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
   .bankCard .creditCard  .right .bank{
     height: 100%;
     position: relative;
   }
    .bankCard .creditCard  .right .bank>div{
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
   }
  .bankCard .creditCard  .right .bank .bankL{
    left: 0;
    max-width: 3.4rem
  }
   .bankCard .creditCard  .right .bank .bankL img{
    width: 50*@px;
    height: 50*@px;
    vertical-align: middle;
    
  } 
  .bankCard .creditCard  .right .bank .bankR{
    right: 0;
  }
   .bankCard .creditCard  .right .bank .bankR img{
    width: 30*@px;
    height: 30*@px;
    vertical-align: middle;
  } 
   .bankCard .creditCard  .right .bank .bankR .details{
     display: inline-block;
     margin-right: 20*@px;
     color: red;
     line-height: 48*@px;
     padding:0 6*@px;
     border: 1*@px solid red;
     background-color: salmon;
     border-radius: 20*@px;
   }
  .bankCard .debitCard .right {
    position: relative;
  }
  .bankCard .debitCard .right>div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .bankCard .debitCard .right .unionPayCards {
      left: 180*@px;
  }
  .bankCard .debitCard .right .unionPayCards img{
    width: 75*@px;
    height: 47*@px;
    vertical-align: middle;
    margin-right: 10*@px;
  } 
  .bankCard .debitCard .right .binded {
      left: 180*@px;
      line-height: 110*@px;
  }
  .bankCard .debitCard .right .binded img{
    width: 44*@px;
    height: 44*@px;
    vertical-align: middle;
    margin-right: 6*@px;
  } 
  .content .main{
    margin-top: 10*@px;
    background-color: white;
  }
  .content .main .ti{
    padding:  0 24*@px;
    box-sizing: border-box;
    font-size: 24*@px;
    line-height: 88*@px;
    color: #aaa;
  }
  .content .main .money{
    display: flex;
    padding:0 36*@px 10*@px;
    font-size: 40*@px;
    height: 60*@px;
    border-bottom: 1*@px solid #ececec;
  }
  .content .main .money input{
    padding-left: 20*@px;
    box-sizing: border-box;
    height: 100%;
    font-size: 40*@px;
  }
  .content .main>text{
    display: block;
    font-size: 24*@px;
    color: #aaa;
    line-height: 40*@px;
    padding: 24*@px 24*@px;
    box-sizing: border-box;
  }
  .btn{
    width: 90%;
    height: 70*@px;
    line-height: 70*@px;
    text-align: center;
    border-radius: 35*@px;
    color: white;
    font-size: 30*@px;
    background-color: #ccc;
    margin: 40*@px auto;
  }
  .red{
    background: #ef5853;
  }
  /*蒙版  */
  .template{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
  }
  .template .box{
    background-color: #e4e4e4;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .template .box div{
    background-color: white;
    font-size: 28*@px;
    line-height: 68*@px;
    border-bottom: 1*@px solid #ccc;
    text-align: center;
  }
  .template .box .cancel{
    margin-top: 10*@px;
  }
  .template .box .addBank{
    border-bottom: none;
  }
  .template .box .list{
    max-height: 272*@px;
  }
  .template .box>div:first-of-type{
    color: #aaa;
  }